<template>
	<view class="header">
		<view class="mjcheader" @click="open">
			<view class="mjcheader_main">
				<view class="mjcheader_main_icon">
					<uni-icons type="search" size="20" color="#B3B3B3"></uni-icons>
				</view>
				<text class="f14 color-B3">搜索你想要的</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			open() {
				this.$emit('searchclick')
			}
		}
	}
</script>

<style scoped lang="less">
	.header {
		padding: 0 15rpx;
		background-color: #ffffff;

		& .mjcheader {
			height: 36px;
			display: flex;
			flex-direction: row;
			position: relative;
			padding: 10px;
			justify-content: center;

			&_main {
				border-radius: 5px;
				background-color: #f8f8f8;
				display: flex;
				box-sizing: border-box;
				position: relative;
				flex: 1;
				justify-content: center;
				flex-direction: row;
				align-items: center;
				height: 36px;
				padding: 5px 8px 5px 0px;

				&_icon {
					display: flex;
					flex-direction: row;
					padding: 0 8px;
					justify-content: center;
					align-items: center;
					color: #b3b3b3;
				}
			}
		}
	}
</style>
